<script>
export default {
    data: () => ({
        account: 'Abc', // 账号
        student: {
            name: 'Tom', // 名字
            age: 18 // 年龄
        }
    }),
    // 侦听器
    watch: {
        account: {
            // 默认形况下，侦听器懒执行的：仅当数据源变化时，才会执行回调
            handler(newData, oldData) {
                console.log('账号的新旧值：')
                console.log(newData)
                console.log(oldData)
            }
        },
        student: {
            deep: true,
            immediate: true, // 创建侦听器时立即执行一次该 handler 函数
            handler(newData, oldData) {
                console.log('学生的新旧值：')
                console.log(newData)
                console.log(oldData)
            }
        }
    }
}
</script>

<template>
  账号：<input v-model="account" type="text">
    <hr>
  学生年龄：<input v-model="student.age" type="number">
</template>